<template>
    <button class="wv-button" :class="[`wv-button-${type}`]">
        <span>
            <slot></slot>
        </span>
    </button>
</template>

<script>
export default {
    name: 'WvButton',
    props: {
        type: {
            type: String,
            default: 'default'
        }
    },
    created() {
        console.log(this.type)
    }
}
</script>

<style lang="scss" scoped>
.wv-button {
    background-color: blue;
}
.wv-button-danger{
    background-color: red;
}
</style>